<div id="list">
	<query-layout>
		<template #query>
			<div style="display: flex; flex-wrap: wrap;">
				<el-radio-group v-model="form.type" @change="search">
					<el-radio-button label="1">我负责的</el-radio-button>
					<el-radio-button label="0">所有的</el-radio-button>
				</el-radio-group>
				<el-input class="space" style="width: 200px;" placeholder="" v-model="form.keywords"></el-input>
				<div class="space" style="padding: 5px;margin: 0 5px;">
					<el-checkbox v-model="form.flagNoCheck" true-label="1" false-label="">到期未验收</el-checkbox>
					<el-checkbox v-model="form.flagFinish" true-label="1" false-label="">验收已完成</el-checkbox>
				</div>
				<advanced-select class="space" ref="advanced" :value="querylist" @save="save"></advanced-select>
				<div class="btn-group" role="group">
					<button type="submit" class="btn btn-primary" title="搜索" data-lang-attr="title#search"><i
							class="eliconfont icon-search" @click="search()"></i></button>
					<button type="reset" title="清除搜索" @click="clear()" class="btn btn-default"
						data-lang-attr="title#reset_search"><i class="eliconfont icon-refresh"></i></button>
				</div>
				<div>
					<show-columns :columns="columns" :vxe="$refs.vxegrid">
						<!-- <el-button>列</el-button> -->
					</show-columns>
				</div>
			</div>
		</template>
		<vxe-grid ref="vxegrid" height="auto" v-bind="gridOptions" align="center" :columns="columns">
		</vxe-grid>
	</query-layout>
</div>
<style>
	#list {
		height: 100%;
		padding: 10px;
	}

	#list .space {
		margin-left: 10px;
	}
</style>
<script type="text/javascript">
	require([ELMP.resource('advanced-select/index.js', 'tmzk_test')], function (module) {
		module.init();
	});
</script>